<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>背景偏移截取图标</title>
		<style type="text/css">
			div{width: 110px; line-height: 40px;height: 40px;
			text-align: right;background:url(img/icon.jpg) no-repeat;
			}
			.home{background-position: -116px -284px;}
			.shopping{background-position: -256px -35px;}
			.contact{background-position: -74px -80px;}
		</style>
	</head>
	<body>
		<div class="home">首&nbsp;&nbsp;页&nbsp;</div>
		<div class="shopping">购&nbsp;物&nbsp;车&nbsp;</div>
		<div class="contact">联系我们</div>
		
	</body>
</html>
